<script setup>
    import {RouterLink} from 'vue-router'
    import ShopInfo from '@/components/ShopInfo.vue'
    import {useShopStores} from '@/stores/shop.js'


    const shop = useShopStores()
</script>

<template>
    <!-- 附近店铺 -->
    <div class="nearby">
        <h3 class="nearby_title">附近店铺</h3>
        <RouterLink :to="{path:'/shop',query:{id:item.id} }" v-for="item in shop.shopList" :key="item.id">
            <ShopInfo :item=item></ShopInfo>
        </RouterLink>
    </div>
</template>

<style lang="scss" scoped>
@import '@/style/viriables.scss';
.nearby {
    &_title {
        margin: .16rem 0;
        font-size: .18rem;
        font-family: PingFangSC-Medium;
        font-weight: normal;
        line-height: .25rem;
        color: $content_fontcolor;
    }

    a {
        text-decoration: none;
    }
}
</style>